<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    function sendAjax(url) {
      return new Promise((resolve, reject) => {
        // 创建ajax对象
        const xhr = new XMLHttpRequest();
        // 配置
        xhr.open('GET', url);
        // 发送请求
        xhr.send();
        // 事件绑定
        xhr.onreadystatechange = function () {
          if (xhr.readyState === 4) {
            if (xhr.status >= 200 && xhr.status < 300) {
              resolve(xhr.responseText);
            } else {
              reject(xhr.statusText);
            }
          }
        }
      })
    }

    const url = 'https://api.apiopen.top/getJoke';
    // 1.promise 的 then 方法测试
    // sendAjax(url).then(data => {
    //   console.log(data);
    // }).catch(err => {
    //   console.log(err);
    // })


    async function getData() {
      // 2.async await 测试
      const data = await sendAjax(url);
      console.log(data);
    }
    // 调用函数
    getData()

  </script>
</body>

</html>